colors {
   backgroundColor: white;              /* blue */
   selectColor: #dcddde;        /* black */
   brightBgColor: #009ee8;      /* brighter blue */
   borderColor: #324a80;        /* border color */
   tfborderColor: #324a80;        /* border color */
   fontColor: black;          
   fontSelectColor: #324a80;    /* white */
   menuFontColor: #5468a3;
   menuSelectColor: #6d8bf2;
   titleFontColor: white;
   titleLeftColor: #324a80;
   titleRightColor: #4488c4;
}
info {
      border-color: borderColor;
      border-type: simple;
      border-width: 1;
      font-style: plain;
      font-face: proportional;
      font-size: small;
      font-color: fontColor;
      layout: right;
}
title {
   padding-top: 5;
   padding-left: 5;
   background {
	type: horizontal-gradient;
	left-color: titleLeftColor;
	right-color: titleRightColor;
	start: 0%;
	end: 100%;
    }
   font-color: titleFontColor;
   font-style: bold;
   font-size: large;
   font-face: proportional;
   layout: center|expand;
}
menu {
	margin-left: 4;
	margin-right: 4;
	margin-bottom: -4; /* for the border */
	min-width: 100;
	padding: 2;
	font-color: white;
	menubar-color: borderColor;
	font-size: medium;
    font-style: bold;
	view-type: numbered;
	border {
        width: 2;
        color: menuFontColor;
		type: round-rect;
		orientation: top-right;
	}
	background-color: brightBgColor;
}
menuItem {
	padding: 3;
	padding-left: 10;
	padding-right: 10;
	font {
		color: menuFontColor;
		size: medium;
		style: bold;
	}
	layout: left;
	label-style: menuLabel;

}

.menuItem:hover {
	padding: 2;
	padding-left: 9;
	padding-right: 9;
	background {
		type: round-rect;
		color: menuSelectColor;
	}
	font {
		style: bold;
		size: medium;
		color: white;
	}
	layout: left | horizontal-expand;
        label-style: menuLabelFocused;
	include-label: true;

}

.menuLabel {
	padding: 3;
	font-color: menuFontColor;
	font-style: bold;
}

.menuLabelFocused {
	padding: 2;
	font-color: white;
	font-style: bold;
	border {
		type: circle;
		width: 1;
		color: white;
	}
}

.ftScreen{
    padding-top: 10;
    background-color: backgroundColor;
    font-color: fontColor;
    scrollindicator-up-image: url( bup.png );
    scrollindicator-down-image: url( bdown.png );
}
.progressScreen{
    padding-top: 10;
    background-color: backgroundColor;
    font-color: fontColor;
    layout: horizontal-expand | vertical-expand;
}
.imageScreen {
    background-color: borderColor;
    layout: horizontal-expand | horizontal-center | vertical-expand | vertical-center;
    scrollindicator-up-image: url( bup.png );
    scrollindicator-down-image: url( bdown.png );
}
.mainItem {
   padding-left: 5;
   font-color: fontColor;
   font-style: bold;
   font-size: large;
   layout: vertical-center | horizontal-expand ;
}
.mainItem:hover{
   padding-left: 5;
   background-color: selectColor;
   font-style: bold;
   font-color: fontSelectColor;
   font-size: large;
   layout: vertical-center | horizontal-expand ;
}
.ftItem {
   padding-left: 5;
   /*min-height: 25;
   text-vertical-adjustment: 5;*/
   font-color: fontColor;
   font-style: bold;
   font-size: medium;
   layout: expand;
}
.ftItem:hover{
   padding-left: 5;
   /*min-height: 25;
   text-vertical-adjustment: 5;*/
   background-color: selectColor;
   font-style: bold;
   font-color: fontSelectColor;
   font-size: medium;
   layout: expand ;
}

.textfieldItem {
   padding-left: 5;
   font-color: black;
   font-style: plain;
   border: none;
   layout: left | expand;
   label-style: textFieldLabel;
}
.textfieldItem:hover {
    padding-left: 5;
    font-style: bold;
    font-color: fontSelectColor;
    border-color: tfborderColor;
    background-color: selectColor;
    label-style: textfieldLabelHover;
    layout: left | expand;
}
.textfieldLabel {
    font-color: black;
    padding-left: 5;
    /*min-height: 25;
   text-vertical-adjustment: 5;*/
    font-style: plain;
    layout: left | expand;
}
.textfieldLabelHover{
    padding-left: 5;
    /*min-height: 25;
   text-vertical-adjustment: 5;*/
    font-color: menuFontColor;
    font-style: bold;
    background-color: selectColor;
    layout: left | expand;
}
.stringitemItem {
   padding-left: 5;
   /*min-height: 25;
   text-vertical-adjustment: 5;*/
   font-color: black;
   font-style: plain;
   border: none;
   layout: left;
   label-style: stringitemLabel;
}
.imageItem {
    background-color: borderColor;
    layout: horizontal-center | vertical-center;
}
.stringitemLabel {
    font-color: black;
    padding-left: 3;
    /*min-height: 25;
   text-vertical-adjustment: 5;*/
    margin-right: 3;
    font-style: plain;
    layout: left;
}
.confirmationAlert{
    background-color: backgroundColor;
	title-style: none;
    font-color: menuFontColor;
    layout: bottom;
	repaint-previous-screen: false;
}
.alertGradient {
    	title-style: none;
        font-color: menuFontColor;
        font-size: medium;
        font-style: bold;
        padding-top: 20;
        padding-left: 5;
        padding-right: 5;
        padding-bottom: 20;
        border {
            width: 2;
	    type: round-rect;
            color: menuFontColor;
            arc: 5;
	}
	layout: bottom | expand  | left | vertical-shrink;
	background-color: selectColor;
}
.busyIndicator {
    padding-top: 30;
    view-type: gauge-cycling-icons;
    gauge-cycling-icons-image: url( one.png );
    gauge-cycling-icons-highlight-image: url( two.png );
    gauge-cycling-icons-highlight-center-image: url( three.png );
    gauge-cycling-icons-count: 10;
    gauge-cycling-icons-highlight-count: 3;
    layout: center;
}
.incrementIndicator {
    gauge-mode: continuous;
    max-width: 120;
    /*gauge-chunk-width: 1;*/
    gauge-color: borderColor;
    /*gauge-gap-color: brightBgColor;*/
    /*gauge-gap-width: 0;*/
    gauge-height: 10;
    /*view-type: size-increase;*/
    layout: center;
}

